<template>
  <div>
    <el-row :gutter="30">
      <el-col :span="8">
        <el-card shadow="hover">
          <span class="visit">
            访客数
            <v-countup :endVal="2800" class="countup"></v-countup>
          </span>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card shadow="hover">
          <span class="message">信息</span>
          <v-countup :endVal="29200" class="countup"></v-countup>
        </el-card>
      </el-col>
      <el-col :span="8">
        <el-card shadow="hover">
          <span class="request-count">请求统计</span>
          <v-countup :endVal="3210" class="countup"></v-countup>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  name: "home",
  data() {
    return {};
  },
  methods: {},
  computed: {}
};
</script>


<style lang="stylus">
.el-card {
  height: 120px;
  text-align: center;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
}
.countup{
  display block
  font-size 28px
  color: rgba(0, 0, 0, 0.65);
}
</style>